<template>
	<div id="app">
		<Header></Header>
		<div style="display:flex;font-size:20px;">
			<Left-Select style="width:200px;"></Left-Select>
			<Right-Main style="width:800px;"></Right-Main>
		</div>
	</div>
</template>

<script>
	import Header from "@/components/Header";
	import LeftSelect from "@/components/LeftSelect";
	import RightMain from "@/components/RightMain";
	export default {
		name: "App",
		components: {
			Header,
			LeftSelect,
			RightMain,
		},
	};
</script>

<style>
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-family: "楷体";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		width: 1000px;
		height: 500px;
		border: 1px solid #909399;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
		border-radius: 4px;
	}
</style>
